<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="keywords" content="Fundaaz Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../../static/food/css/style.css" rel="stylesheet" type="text/css"  media="all" />
</head>
<body>
<div class="wrap">
  <div class="header">
    <div class="logo"><a href="{{ url_for('index_blu.index') }}"><img src="../../static/img/logo.png" /></a></div>
    <div class="search">
      <form>
        <input type="text" value="" />
        <input type="submit" value="" />
      </form>
    </div>
    <div class="social">
      <ul>
        <li>订餐热线：</li>
        <li>400-000-8888</li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="menu">
    	<ul>
        	<li><a href="/">首页</a></li>
            {% block category_title %}
                {# 1___首页标题栏菜品分类 #}

                {% for category in data.categories  %}
                    <li><a href="">{{ category.category_name }}</a></li>
                {% endfor %}
            {% endblock %}
    	</ul>
    </div>
    <div class="clear"></div>
  </div>
  <div class="content">
    <div class="sidebar">
      <div class="side">
        <h3>中华菜系</h3>
        <ul>
            {% block category_left %}
                {# 2___左侧菜品分类 #}

                {% for category in data.categories %}
                    <li><a href="category.html">{{ category.category_name }}</a></li>
                {% endfor %}
            {% endblock %}
        </ul>
      </div>
      <div class="side">
        <h3>热门菜品</h3>
        <ul>
            {% block food_hot %}
                {# 3___热门菜品列表 #}

                {% for hot_food in data.hot_foods %}
                    <li><a href="category.html">{{ hot_food.food_name }}</a></li>
                {% endfor %}
            {% endblock %}
        </ul>
      </div>
    </div>
          {% block countent_1 %}
              {# 4___热门推荐/菜品大全/菜品介绍/或者没有 #}

            <div class="nav">
              <ul>
                <li><a href="#">热门推荐</a></li>
              </ul>
            </div>
          {% endblock %}
    <div class="main">
        {% block countent_2 %}
            {# 5___详细 #}

            {% for hot_food in data.hot_foods %}
                <div class="grid">
                    <div class="prev"><a href="single.html"><img src="http://lorempixel.com/150/150/food/" alt="" /></a></div>
                    <ul class="details">
                        <li><a href="single.html">菜名：{{ hot_food.food_name }}</a></li>
                        <li><a href="#">烹饪方式：{{ hot_food.cooking_style }}</a></li>
                        <li><a href="#">口味：{{ hot_food.taste }}</a></li>
                        <li><a href="#">价格：¥ {{ hot_food.price }} 元</a></li>
                        <li><a href="#">More</a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
            {% endfor %}

            <div class="clear"></div>
                <div id="page">
                    <div>分页程序</div>
                </div>
            <div class="clear"></div>
        {% endblock %}
    </div>
    <div class="clear"></div>
  </div>
</div>
<!--------------------------------------->
<div id="footer">
	<div class="copy">Copyright &copy; 2016 传智播客 All rights reserved.<a target="_blank" href="http://www.itcast.cn">http://www.itcast.cn</a></div>
</div>
</body>
</html>
